<script setup lang="ts">
import {reactive, ref} from "vue";

const count = ref(0)

const state = reactive({
  count: 0

})

console.log(state.count) // 0

state.count = 1

console.log(count.value) // 1
</script>

<template>
  <div>
    <h1>Reactive</h1>
    <p>
      <button @click="state.count++">Count is: {{ state.count }}----{{ count }}</button>
    </p>
  </div>
</template>

<style scoped>

</style>